<template>
    <div>
        <el-tabs type="border-card" v-model="activeName" @tab-change="handleClick">
            <el-tab-pane name="1">
                    <template #label>
                        <span class="tab-label">开仓</span>
                    </template>
                    <OpenAposition />
            </el-tab-pane>
            <el-tab-pane name="2">
                    <template #label>
                        <span class="tab-label">平仓</span>
                    </template>
                    <CloseAposition />
            </el-tab-pane>
            </el-tabs>
    </div>
</template>

<script setup>
import { ref, reactive ,defineProps} from "vue";
import { captainOprate } from '@/store/captainOprate'
import OpenAposition from './subTabs/OpenAposition.vue'
import CloseAposition from './subTabs/CloseAposition.vue'

const store = captainOprate()
const activeName = store.activeName;

const handleClick = (tab) => {
    store.updatedActiveName(tab)
};




</script>

<style scoped>

</style>